<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>v-for1</title>
<script src="../js/vue.js"></script>
</head>
<body>

<div id="app">
  <ul id="example-2">
  <li v-for="item in items">
    {{ parentMessage }} - {{ $index }} - {{ item.message }}
  </li>
</ul>
</div>
<script>
var example2 = new Vue({
  el: '#example-2',
  data: {
    parentMessage: 'v-for',
    items: [
      { message: 'www.flrj.net' },
      { message: 'www.flrj.net' }
    ]
  }
})
</script>
</body>
</html>